<template>
  <div class="rate-demo">
    <h3 class="title">基本</h3>
    <div>
      <d-rate v-model="value1"></d-rate>
      <d-rate v-model="value2" show-text></d-rate>
      <d-rate v-model="value3" iconClass="d-icon-complete"></d-rate>
    </div>
    <h3 class="title">只读</h3>
    <div>
      <p><d-rate v-model="value4" readonly show-text></d-rate></p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'rateDemo',
  data () {
    return {
      value1: 2,
      value2: 2.3,
      value3: 1,
      value4: 2.5
    }
  }
}
</script>

<style lang="stylus" scoped>
// .rate-demo
</style>
